<template>
<view>
    <!-- 特色功能区 -->
    <view class="special-function">
      <image @click="gotoPosition('/subpkg/reCycle/reCycle')" class="SF-img" src="/static/imgs/01_special.png" mode=""></image>
      <image @click="gotoPosition('/subpkg/freeDoctor/freeDoctor')" class="SF-img" src="/static/imgs/02_special.png" mode=""></image>
    </view>
  </view>
</template>

<script>
  export default {
    name:"H-special",
    data() {
      return {
        
      };
    },
    methods:{
      gotoPosition(position){
          uni.navigateTo({
            url:position
          })
      }
    }
  }
</script>

<style lang="scss" scoped>
.special-function{
  // border: 1rpx solid red;
  display: flex;
  height: 200rpx;
  margin-top: 10rpx;
  margin-bottom: 40rpx;
  justify-content: space-around;
  align-items: center;
  .SF-img{
    height: 90%;
    width: 45%;
    border-radius: 20rpx;
  }
  }
</style>